import React from 'react';
import { Link } from 'react-router-dom';
import data from '../../../data/players';

export default props => {
    return (
        <div className="wrapper">
            <ul>
            {
                data.map(item => {
                    return (
                        <li key={ item.id }>
                            <Link to={ `/roster/${ item.id }` }>{ item.name }</Link>
                        </li>
                    )
                })
            }
            </ul>
        </div>
    );
};